<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="referrer" content="no-referrer">
  <title>Document</title>
  <link rel="stylesheet" href="./css/shop.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./font/iconfont.js">
  <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
</head>
<body>
  <div class="header">
    <div class="logo"><img src="https://img01.fila.cn/theme_fl/images/logo/fila_blue_150.png" alt=""></div>
    <div class="right">
      <div class="inp"><input type="text"value="卫衣">&nbsp;&nbsp;搜索</div>
      <p class="logged active">
        <a class="login" href="./login.html" >登录</a>
        <a class="register" href="./register.html" target="_self">注册</a>
        <a href=""><span class="iconfont icon-suozi" target="_self"></span></a>
      </p>
      <p class="user">
        您好，<span>用户昵称</span>
        <button class="quit" style="background-color: white;">退出</button>
        <a href="./shop.html"><span class="iconfont icon-suozi"></span></a>
      </p>
    </div>
  </div>
  <div class="center">
    <div class="catalogue">
      <p><a href="./shop.html">秋季新品</a></p>
      <p><a href="./shop.html">直降专区</a></p>
      <ul>
        <li class="gender">女士
          <ol>
            <li><a href="./shop.html">T恤/上衣</a></li>
            <li><a href="./shop.html">POLO衫</a></li>
            <li><a href="./shop.html">卫衣</a></li>
            <li><a href="./shop.html">外套</a></li>
            <li><a href="./shop.html">连衣裙</a></li>
            <li><a href="./shop.html">裤装/半身裙</a></li>
            <li><a href="./shop.html">休闲鞋</a></li>
            <li><a href="./shop.html">运动鞋</a></li>
            <li><a href="./shop.html">包包附配饰</a></li>
          </ol>
        </li>
        <li>男士
          <ol>
            <li><a href="./shop.html">T恤/上衣</a></li>
            <li><a href="./shop.html">POLO衫</a></li>
            <li><a href="./shop.html">卫衣</a></li>
            <li><a href="./shop.html">外套</a></li>
            <li><a href="./shop.html">裤装</a></li>
            <li><a href="./shop.html">休闲鞋</a></li>
            <li><a href="./shop.html">运动鞋</a></li>
            <li><a href="./shop.html">包包附配饰</a></li>
          </ol>
        </li>
        <li>儿童
          <ol>
            <li><a href="./shop.html">男童-服装</a></li>
            <li><a href="./shop.html">男童-鞋类</a></li>
            <li><a href="./shop.html">男童-包包附配饰</a></li>
            <li><a href="./shop.html">女童-服装</a></li>
            <li><a href="./shop.html">女童-鞋类</a></li>
            <li><a href="./shop.html">女童-包包附配饰</a></li>
          </ol>
        </li>
      </ul>
      <ul class="popular">
        <a href="">FUSION</a>
      </ul>
      <ul>
        <li>购物服务
          <ol>
            <li>购物流程</li>
            <li>支付及发票</li>
            <li>物流配送</li>
            <li>退换货服务</li>
            <li>企业团购</li>
          </ol>
        </li>
        <li>关于FILA
          <ol>
            <li>品牌简介</li>
            <li>百年历史</li>
            <li>查找门店</li>
            <li>个人信息保护政策</li>
          </ol>
        </li>
        <li>工作机会
          <ol>
            <li>社会招聘</li>
            <li>校园招聘</li>
          </ol>
        </li>
      </ul>
    </div>
    <div class="content">
      <div class="top">
        
        <p>
          <a href="">所有商品</a>
          <span class="pie"></span>
        </p>
        <div>
          <p >匹配结果<span class="pi"></span></p>
          <p>筛选</p>
          <select name="" id="">
            <option value="新品排序">新品排序</option>
            <option value="销量排序">销量排序</option>
            <option value="价格由低到高">价格由低到高</option>
            <option value="价格由高到低">价格由高到低</option>
          </select>
        </div>
      </div>
      <ul class="page">
        <!-- js渲染 -->
      </ul>
    </div>
  </div>
    
  <p class=" server"><a href="" class="glyphicon glyphicon-comment"> 客服</a></p>

  <footer>
    <ul id="bot">
      <li>购物服务</li>
      <li>关于品牌</li>
      <li>查找门店</li>
    </ul>
    <p class="guan">关注FILA的官方媒体：<span class="iconfont icon-xinlang"></span>&nbsp;&nbsp;<span class="iconfont icon-weixin"></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>售后服务电话：400-886-7699</span></p>
    <div class="trade">
      <p >©FILA体育 闽ICP备2021011550号-1 闽公网安备35020302033807号</p>
      <p>©2020 FILA Luxembourg S.à.r.l. - All Rights Reserved -</p>
    </div>
  </footer>
<script src="./jquery/jquery.min.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/pAjax.js"></script>
<script src="./js/shop.js"></script>
</body>
</html>